
      .login-container {
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        border: 1px solid transparent;
        background: url('../../../assets/img/background.jpg') no-repeat;
        background-size: 100% 100%;
        overflow-x: auto;
      }

      .rent-head {
        width: 195rem;
        height: 8rem;
        border-bottom: 1px solid #5C8D89;
        font-size: 4rem;
        padding-left: 5rem;
        color: #5C8D89;
        line-height: 8rem;
      }
      .rent-head:hover {
        cursor: pointer;
      }

      .login-form {
        background-color: #FFFFFF;
        border-radius: 1rem;
        width: 32vw;
        height: 40vh;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        box-shadow: 10px 10px 8px #afacac;
      }
      ::ng-deep .ant-btn-primary:focus, .ant-btn-primary:hover {
        color: #fff;
        border-color: #5c8d89;
        background: #5c8d89;
      }

      .login-title {
        width: 60%;
        margin: auto;
        margin-top: 1vh;
        margin-bottom: 1vh;
        color: #5c8d89;
        text-align: center;
        font-size: 2.5vw;
      }

      .login-normol {
        display: block;
        width: 83%;
        margin: auto;
        margin-bottom: 2vh;
      }

